<template>
    <ButtonGroup color="light">
        <Button>Left</Button>
        <Button>Middle</Button>
        <Button>Right</Button>
    </ButtonGroup>

    <ButtonGroup color="dark">
        <Button>Left</Button>
        <Button>Middle</Button>
        <Button>Right</Button>
    </ButtonGroup>

    <ButtonGroup color="primary">
        <Button>Left</Button>
        <Button>Middle</Button>
        <Button>Right</Button>
    </ButtonGroup>

    <ButtonGroup color="secondary">
        <Button>Left</Button>
        <Button>Middle</Button>
        <Button>Right</Button>
    </ButtonGroup>

    <ButtonGroup color="success">
        <Button>Left</Button>
        <Button>Middle</Button>
        <Button>Right</Button>
    </ButtonGroup>

    <ButtonGroup color="info">
        <Button>Left</Button>
        <Button>Middle</Button>
        <Button>Right</Button>
    </ButtonGroup>

    <ButtonGroup color="warning">
        <Button>Left</Button>
        <Button>Middle</Button>
        <Button>Right</Button>
    </ButtonGroup>

    <ButtonGroup color="danger">
        <Button>Left</Button>
        <Button>Middle</Button>
        <Button>Right</Button>
    </ButtonGroup>
</template>
